.mz-commentCanvas-container {
    z-index: 897;
    width: 100%;

    position: absolute;
    top: 0.05rem;
    left: 0;
    pointer-events: none;
}

.mz-commentCanvas-container .mz-barrage-item {
    font-size: 0.24rem;
    line-height: 0.44rem;
    color: #fff;
    display: flex;
    align-items: center;
}

.mz-commentCanvas-container .mz-barrage-avatar {
    width: 0.44rem;
    height: 0.44rem;
    border-radius: 100%;
    border: 0.02rem solid #FFFFFF;
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: top;
    background: #8e8e8e;
}

.mz-commentCanvas-container .mz-barrage-text {
    padding-left: 0.46rem;
    line-height: .4rem;
    margin-left: -0.35rem;
    padding-right: 0.18rem;
    height: 0.4rem;
    background: rgba(255, 91, 41, 0.5);
    border-radius: 0.26rem;
    color: white;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.mz-commentCanvas-container .mz-barrage-text img {
    vertical-align: middle;
}